<template>
    <div class="wutong-pool">
      <div class="header-img">
          <img v-if="status == 0 || status == 1 || status == 2" class="logo" src="@/assets/images/application2.png" alt="">
          <img v-if="status == 3" class="logo" src="@/assets/images/application1.png" alt="">
      </div>
      <div v-if="status == 0" class="header-text">申请已提交，请静候审批结果。</div>
      <div v-if="status == 1" class="header-text">申请已通过，但未分配账号，请联系管理员。</div>
      <div v-if="status == 2" class="header-text">申请未通过</div>
      <div v-if="status == 3" class="header-text">您尚未申请梧桐人才库</div>

      <div class="bohui" v-if="status == 2">
        驳回原因：不符合两硕一博要求、人员信息不正确等等。不符合两硕一博要求、人员信息不正确等等
      </div>
      <div class="btn">
        <van-button class="apply" v-if="status == 2" type="primary" @click="jump({ path: '/Application',query: { id: applyId }})">重新申请</van-button>
        <van-button class="apply" v-if="status == 3" type="primary" @click="jump({ path: '/Application'})">点击申请</van-button>
      </div>
    </div>
  </template> 
  
  <script setup>
  import { ref, watch, toRefs, onMounted } from 'vue';
  import { useRouter,useRoute } from 'vue-router';

  const route = useRoute();

  const router = new useRouter();
  const jump = (options) => {
    router.push(options);
  }

  const status = ref('')
  status.value = route.query.status || '';
  const applyId = ref('')
  if(status.value == 2){
   applyId.value = route.query.applyId
  }
  
  onMounted(() => {
  })
  
  </script>
  
  <style lang="scss" scoped>
  .wutong-pool {
    box-sizing: border-box;
    height: 100vh;
    background: #fff;
    padding: 3rem 2rem;
  }
  .header-img{
    width: 100%;
    text-align: center;    
    margin-top: 4rem;
  }
  .logo{
    width: 20rem;
  }
  .header-text{
    text-align: center;
    font-size: 1.6rem;
    font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
  }
  .btn{
    text-align: center;
    margin-top: 5rem;
  }
  .apply{
    width: 20rem;
    height: 4rem;
    margin: 0 auto;
  }
  .bohui{
    font-family:'微软雅黑', sans-serif;
    font-weight:400;
    font-style:normal;
    font-size: 1.4rem;
    margin-top: 2rem;
    text-align: center;
  }
  </style>